<!DOCTYPE html>
<html lang="en">
<head>

<!-- meta tags -->
<meta charset="utf-8">
<meta name="keywords" content="bootstrap 4, premium, multipurpose, ecommerce, html5, CSS" />
<meta name="description" content="Bootstrap 4 Landing Page Template" />
<meta name="author" content="www.themesground.com" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Title -->
<title></title>

<!-- Favicon Icon -->
<link rel="shortcut icon" href="assets/images/favicon.png" />

<!-- inject css start -->

<link href="assets/css/theme-plugin.css" rel="stylesheet" />
<link href="assets/css/theme.min.css" rel="stylesheet" />

<!-- inject css end -->

</head>

<body class="bg-light-body">

<!-- page wrapper start -->

<div class="page-wrapper">
  
<!-- preloader start -->

<div id="ht-preloader">
  <div class="loader clear-loader">
    <img class="img-fluid" src="assets/images/loader.gif" alt="">
  </div>
</div>

<!-- preloader end -->


<!--header start-->

<header class="site-header header-4">
  <div class="header-top bg-dark-grey py-0">
    <div class="container">
      <div class="row align-items-center">
       <div class="col-md-5 col-lg-3"></div>
      <div class="col-md-7 col-lg-9 col-12 d-flex align-items-center justify-content-between text-white pl-0">
        <div class="d-md-flex align-items-center call-info">
           <div class="d-none d-flex align-items-center">
            <div class="text-white offer-text"><small class="font-w-5"><span>60%</span> discount on fruits collection</small>
            </div>
            <div class="language-selection font-w-5">
            <div class="d-flex align-items-center justify-content-center justify-content-md-end">
            <div class="ml-3 mr-3">
                            <select name="countries" class="custome_select">
                                <option value='USD' data-title="USD">USD</option>
                                <option value='EUR' data-title="EUR">EUR</option>
                                <option value='GBR' data-title="GBR">GBR</option>
                            </select>
                        </div>
                        <div class="lng_dropdown">
                            <select name="countries" class="custome_select">
                                <option value='en' data-image="assets/images/eng.png" data-title="English">English</option>
                                <option value='fn' data-image="assets/images/fn.png" data-title="France">France</option>
                                <option value='us' data-image="assets/images/us.png" data-title="United States">United States</option>
                            </select>
                        </div>
                        
                    </div>
                    </div>
            
            
            
          </div>
        </div>
        <div class="d-flex align-items-center">
        <div class="social-icons">
              <ul class="list-inline mb-0">
                <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-facebook-f"></i></a>
                </li>
                <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-twitter"></i></a>
                </li>
                <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-linkedin-in"></i></a>
                </li>
                <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-instagram"></i></a>
                </li>
              </ul>
            </div>
          <div class="align-items-center d-flex justify-content-end search-block">
           <a href="javascript:void(0);" class="search_trigger ml-3"><i class="ion-ios-search-strong"></i></a>
                        <div class="search_wrap">
                            <span class="close-search"><i class="ion-ios-close-empty"></i></span>
                            <form>
                                <input type="text" placeholder="Search" class="form-control" id="search_input">
                                <button type="submit" class="search_icon"><i class="ion-ios-search-strong"></i></button>
                            </form>
                        </div><div class="search_overlay"></div>
                    
          </div>
          
          
        </div>
        </div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="header-inner">
      <div class="row">
        <!--menu start-->
        <div class="col pl-lg-0 pr-lg-0">
          <nav class="navbar navbar-expand-lg navbar-light position-static">
            <a class="navbar-brand logo" href="index.html">
              <img class="img-fluid" src="assets/images/logo2.png" alt="">
            </a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
              <ul class="navbar-nav mr-auto">
                <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle active" href="#" data-toggle="dropdown">Home</a>
                  <ul class="dropdown-menu">
                      <li><a href="index.html">Fashion 1</a> </li>
                      <li><a href="index-2.html">Fashion 2</a> </li>
                      <li><a href="index-3.html">Fashion 3</a> </li>
                      <li><a href="index-4.html">Electronics</a> </li>
                      <li><a href="index-5.html">Organic</a> </li>
                      <li><a href="index-6.html">Furniture</a> </li>
                      <li><a href="index-7.html">Kids</a> </li>
                      <li><a href="index-8.html">Car Dealer</a> </li>
                   </ul>
                </li>
                <li class="nav-item dropdown position-static"> <a class="nav-link" href="#">Categories</a>
                  <div class="dropdown-menu w-100">
                    <!-- Tabs -->
                    <div class="container p-0">
                      <div class="row w-100 no-gutters">
                        <div class="col-lg-8 p-lg-3">
                                  <div class="row">
                                    <div class="col-12 col-md-3 col-sm-6">
                                      <!-- Heading -->
                                      <div class="mb-3 font-w-5 text-link">Fruits</div>
                                      <!-- Links -->
                                      <ul class="list-unstyled mb-6 mb-md-0">
                                        <li> <a href="#">Fresh Oranges</a></li>
                                        <li> <a href="#">Grapefruits</a></li>
                                        <li> <a href="#">Organic Limes</a></li>
                                        <li> <a href="#">Pomegranates</a></li>
                                        <li> <a href="#">Doughnut Peachs</a></li>
                                        <li> <a href="#">Blackberries</a></li>
                                        <li> <a href="#">Organic Litchis</a></li>
                                        <li> <a href="#">Sweet Apricots</a></li>
                                        <li> <a href="#">Black Jamuns</a></li>
                                        <li> <a href="#">Organic Papayas</a></li>
                                      </ul>
                                    </div>
                                    <div class="col-12 col-md-3 col-sm-6">
                                      <!-- Heading -->
                                      <div class="mb-3 font-w-5 text-link">Vegetables</div>
                                      <!-- Links -->
                                      <ul class="list-unstyled mb-6 mb-md-0">
                                        <li> <a href="#">Shimeji Mushroom</a></li>
                                        <li> <a href="#">Banana Leaves</a></li>
                                        <li> <a href="#">Tomatoes</a></li>
                                        <li> <a href="#">Fine Green Beans</a></li>
                                        <li> <a href="#">Lady Fingers</a></li>
                                        <li> <a href="#">Microgreens</a></li>
                                        <li> <a href="#">Capsicums</a></li>
                                        <li> <a href="#">Cucumbers</a></li>
                                        <li> <a href="#">Shiitake Mushroom</a></li>
                                        <li> <a href="#">Spring Onion</a></li>
                                      </ul>
                                    </div>
                                    <div class="col-12 col-md-3 col-sm-6">
                                      <!-- Heading -->
                                      <div class="mb-3 font-w-5 text-link">Salads</div>
                                      <!-- Links -->
                                      <ul class="list-unstyled mb-0">
                                        <li> <a href="#">Peppers & Capsicums</a></li>
                                        <li> <a href="#">Walden Farms</a></li>
                                        <li> <a href="#">Oro Rocket Salad</a> </li>
                                        <li> <a href="#">Summercrisp</a></li>
                                        <li> <a href="#">Grilled Broccoli</a></li>
                                        <li> <a href="#">Green Goddess</a></li>
                                        <li> <a href="#">Green Tomato</a></li>
                                        <li> <a href="#">Italian Baby Spinach</a></li>
                                        <li> <a href="#">Australia Green Kale</a></li>
                                        <li> <a href="#">Unitednature</a></li>
                                      </ul>
                                    </div>
                                    <div class="col-12 col-md-3 col-sm-6">
                                      <!-- Heading -->
                                      <div class="mb-3 font-w-5 text-link">Juices</div>
                                      <!-- Links -->
                                      <ul class="list-unstyled mb-0">
                                        <li> <a href="#">Super Green</a></li>
                                        <li> <a href="#">Pineapple</a></li>
                                        <li> <a href="#">Cinnamon Juice</a></li>
                                        <li> <a href="#">Strawberry</a></li>
                                        <li> <a href="#">Watermelon</a></li>
                                        <li> <a href="#">Beet & Carrot</a></li>
                                        <li> <a href="#">Lemonade</a></li>
                                        <li> <a href="#">Mango Juice</a></li>
                                        <li> <a href="#">Lemon</a></li>
                                        <li> <a href="#">Black Jamuns</a></li>
                                      </ul>
                                    </div>
                                  </div>
                               </div>
                        <div class="col-lg-4 d-none p-lg-3 d-lg-block">
                          <img class="img-fluid rounded-bottom rounded-top" src="assets/images/organic/product-ad/header-img.jpg" alt="...">
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Shop</a>
                  <div class="dropdown-menu w-100 custom-drop">
                    <div class="container p-0">
                        <div class="row w-100 no-gutters">
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Shop Layout</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-grid.html">Product Grid</a> </li>
                              <li> <a href="product-grid-left-sidebar.html">Product Grid Left Sidebar</a> </li>
                              <li> <a href="product-grid-right-sidebar.html">Product Grid Right Sidebar</a> </li>
                              <li> <a href="product-list.html">Product List</a> </li>
                              <li> <a href="product-list-left-sidebar.html">Product List Left Sidebar</a> </li>
                              <li> <a href="product-list-right-sidebar.html">Product List Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Product Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-default.html">Product Default</a> </li>
                              <li> <a href="product-default-right-image.html">Product Default Right Image</a> </li>
                              <li> <a href="product-left-image.html">Product Left Image</a> </li>
                              <li> <a href="product-right-image.html">Product Right Image</a> </li>
                              <li> <a href="product-left-sidebar.html">Product Left Sidebar</a> </li>
                              <li> <a href="product-right-sidebar.html">Product Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Other Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="shopping-cart.html">Shopping Cart</a> </li>
                              <li> <a href="checkout.html">Checkout</a> </li>
                              <li> <a href="my-account.html">My Account</a> </li>
                              <li> <a href="wishlist.html">Wishlist</a> </li>
                              <li> <a href="compare.html">Compare</a> </li>
                              <li> <a href="order-complete.html">Order Completed</a> </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                  </div>
                </li>
                <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Pages</a>
                  <ul class="dropdown-menu">
                      <li> <a href="about-us.html">About Us</a> </li>
                      <li> <a href="login.html">Login</a> </li>
                      <li> <a href="signup.html">Signup</a> </li>
                      <li> <a href="forgot-password">Forgot Password</a> </li>
                      <li> <a href="coming-soon.html">Coming Soon</a> </li>
                      <li> <a href="error-404.html">404 Error</a> </li>
                      <li> <a href="faq.html">FAQ</a> </li>
                      <li> <a href="privacy-policy.html">Privacy Policy</a> </li>
                      <li> <a href="terms-and-conditions.html">Term & Conditions</a> </li>
                    </ul>
                </li>
                <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Blog</a>
                  <ul class="dropdown-menu">
                      <li><a href="blog-grid.html">Blog Grid</a> </li>
                      <li><a href="blog-grid-left.html">Blog Grid Left</a> </li>
                      <li><a href="blog-grid-right.html">Blog Grid Right</a> </li>
                      <li><a href="blog-list-left.html">Blog List Left</a> </li>
                      <li><a href="blog-list-right.html">Blog List Right</a> </li>
                       <li><a href="blog-detail.html">Blog Detail</a> </li>
                       <li><a href="blog-detail-left.html">Blog Detail Left</a> </li>
                       <li><a href="blog-detail-right.html">Blog Detail Right</a> </li>
                    </ul>
                </li>
                <li class="nav-item"> <a class="nav-link" href="contact-us.html">Contact</a>
                </li>
              </ul>
            </div>
            <div class="right-nav align-items-center d-flex justify-content-end"> <a class="user-block" href="#"><i class="las la-user-alt"></i></a>
              <a class="wishlist-block" href="#"><i class="lar la-heart"></i></a>
              <div class="dropdown cart_dropdown">
                <a class="d-flex align-items-center cart-block" href="#"> <span>
                  <i class="las la-shopping-bag"></i>
                </span>
                  
                </a>
              
              
              <div class="cart_box dropdown-menu dropdown-menu-right">
                            <ul class="cart_list">
                                <li>
                                    <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a>
                                    <a href="#"><img src="assets/images/organic/product/p16.jpg" alt="cart_thumb1">Fresh Organic Mustard Leaves </a>
                                    <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>78.00</span>
                                </li>
                                <li>
                                    <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a>
                                    <a href="#"><img src="assets/images/organic/product/p12.jpg" alt="cart_thumb2">Fresh Organic Mustard Leaves </a>
                                    <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>81.00</span>
                                </li>
                            </ul>
                            <div class="cart_footer">
                                <p class="cart_total"><strong>Subtotal:</strong> <span class="cart_price"> <span class="price_symbole">$</span></span>159.00</p>
                           <p class="cart_buttons"><a href="#" class="btn btn-gray view-cart ml-2 mr-2">View Cart</a><a href="#" class="btn btn-red ml-2 mr-2 checkout">Checkout</a></p>
                            </div>
                        </div>
                        </div>
              
            </div>
          </nav>
        </div>
        <!--menu end-->
      </div>
    </div>
  </div>
</header>

<!--header end-->


<!--hero section start-->

<section class="banner-bg-full pos-r p-0">
  <div class="container-fluid p-0">
    <div class="row">
      
      <div class="col-lg-12">
        <div class="banner-slider owl-carousel no-pb owl-2" data-dots="false" data-nav="true">
    <div class="item bg-pos-ct" data-bg-img="assets/images/organic/slider/01.jpg">
        <div class="container h-100">
          <div class="row h-100 align-items-center">
            <div class="col-lg-12 col-md-12 custom-py-3 custom-pb-2 position-relative z-index-1 px-lg-10 text-center">
              <h6 class="font-w-6 text-white animated3">New promotions!</h6>
              <h1 class="mb-4 animated3 text-white">Simply Delicious</h1>
              <h5 class="animated3">We supply highly quality organic products</h5>
              <div class="animated3">
                <a class="btn btn-dark" href="#">Shop Now</a>
              </div>
            </div>
            
          </div>
        </div>
    </div>
    <div class="item bg-pos-ct" data-bg-img="assets/images/organic/slider/02.jpg">
        <div class="container h-100">
          <div class="row h-100 align-items-center">
            <div class="col-lg-12 col-md-12 custom-py-3 custom-pb-2 position-relative z-index-1 px-lg-10 text-center">
              <h6 class="font-w-6 text-white animated3">2020 Latest Style</h6>
              <h1 class="mb-4 animated3 text-white">Trending Fruits Collection</h1>
              <div class="animated3 ">
                <a class="btn btn-dark" href="#">View Collection</a>
              </div>
            </div>
          </div>
        </div>
    </div>
  </div>
      </div>
    </div>
  </div>
</section>

<!--hero section end--> 

<section class="pb-1">
  <div class="container">
  <div class="row banner-list m-0">
  <div class="col-md-6 col-lg-4 col-12 col-sm-6 col-6 category-grid-item cat-design-default categories-with-shadow p-0">
    <div class="wrapp-category mt-0">
      <div class="category-image-wrapp"> <a href="#" class="category-image"> <img src="assets/images/organic/product-ad/01.jpg" alt="Clocks"> </a></div>
      <div class="hover-mask dark-yellow">
        <h3 class="category-title">Exotic Corner
          <mark class="count">(12)</mark>
        </h3>
        <div class="more-products"><a href="#" class="qty">12 products</a></div>
      </div>
      <a href="#" class="category-link"></a></div>
  </div>
  <div class=" col-md-6 col-lg-4 col-12 col-sm-6 category-grid-item cat-design-default categories-with-shadow product-category product p-0">
    <div class="wrapp-category mt-0">
      <div class="category-image-wrapp"> <a href="#" class="category-image"> <img src="assets/images/organic/product-ad/02.jpg"> </a></div>
      <div class="hover-mask dark-blue">
        <h3 class="category-title"> Season Sale
          <mark class="count">(12)</mark>
        </h3>
        <div class="more-products"><a href="#" class="qty">12 products</a></div>
      </div>
      <a href="#" class="category-link"></a></div>
  </div>
  <div class=" col-md-6 col-lg-4 col-12 col-sm-6 category-grid-item cat-design-default categories-with-shadow product-category product p-0">
    <div class="wrapp-category mt-0">
      <div class="category-image-wrapp"> <a href="#" class="category-image"> <img src="assets/images/organic/product-ad/03.jpg"> </a></div>
      <div class="hover-mask dark-purple">
        <h3 class="category-title"> 100% Organic
          <mark class="count">(12)</mark>
        </h3>
        <div class="more-products"><a href="#" class="qty">12 products</a></div>
      </div>
      <a href="#" class="category-link"></a></div>
  </div>
  <div class=" col-md-6 col-lg-4 col-12 col-sm-6 category-grid-item cat-design-default categories-with-shadow product-category product p-0">
    <div class="wrapp-category mt-0">
      <div class="category-image-wrapp"> <a href="#" class="category-image"> <img src="assets/images/organic/product-ad/04.jpg"> </a></div>
      <div class="hover-mask dark-green">
        <h3 class="category-title"> Daily Vegetables
          <mark class="count">(12)</mark>
        </h3>
        <div class="more-products"><a href="#" class="qty">12 products</a></div>
      </div>
      <a href="#" class="category-link"></a></div>
  </div>
  <div class=" col-md-6 col-lg-4 col-12 col-sm-6 category-grid-item cat-design-default categories-with-shadow product-category product p-0">
    <div class="wrapp-category mt-0">
      <div class="category-image-wrapp"> <a href="#" class="category-image"> <img src="assets/images/organic/product-ad/05.jpg"> </a></div>
      <div class="hover-mask dark-pink">
        <h3 class="category-title"> Special Offer
          <mark class="count">(12)</mark>
        </h3>
        <div class="more-products"><a href="#" class="qty">12 products</a></div>
      </div>
      <a href="#" class="category-link"></a></div>
  </div>
  <div class=" col-md-6 col-lg-4 col-12 col-sm-6 category-grid-item cat-design-default categories-with-shadow product-category product p-0">
    <div class="wrapp-category mt-0">
      <div class="category-image-wrapp"> <a href="#" class="category-image"> <img src="assets/images/organic/product-ad/06.jpg"> </a></div>
      <div class="hover-mask dark-red">
        <h3 class="category-title"> Fresh Fruits
          <mark class="count">(12)</mark>
        </h3>
        <div class="more-products"><a href="#" class="qty">12 products</a></div>
      </div>
      <a href="#" class="category-link"></a></div>
  </div>

  
  </div>
</div>

</section>


<!--body content start-->

<div class="page-content">



<!--product start-->

<section class="pb-0">
  <div class="container">
  <div class="product-block">
    <div class="row justify-content-left text-left row_title">
        <h2 class="mb-0 font-w-6">Top Categories</h2>
    </div>
    
    <div class="row justify-content-center text-center">
              <div class="owl-carousel no-pb owl-2" data-dots="false" data-nav="true" data-items="8" data-md-items="3" data-sm-items="2">
                <div class="item">
        <a class="d-block" href="product-left-image.html">
            <img class="cat-img" src="assets/images/organic/product/p1.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Fruits</a></div>
                  </div>

                
                <div class="item">
        <a class="d-block" href="product-left-image.html">
           <img class="cat-img" src="assets/images/organic/product/p2.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Vegetables</a></div>
                  </div>

                
                <div class="item">
        <a class="d-block" href="product-left-image.html">
           <img class="cat-img" src="assets/images/organic/product/p3.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Meats</a></div>
                  </div>
                  
                <div class="item">
        <a class="d-block" href="product-left-image.html">
           <img class="cat-img" src="assets/images/organic/product/p5.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Lettuce</a></div>
                  </div>
                    
                <div class="item">
        <a class="d-block" href="product-left-image.html">
            <img class="cat-img" src="assets/images/organic/product/p12.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Citrus‎</a></div>
                  </div>
      
                <div class="item">
        <a class="d-block" href="product-left-image.html">
           <img class="cat-img" src="assets/images/organic/product/p27.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Berries</a></div>
                  </div>
    
                <div class="item">
        <a class="d-block" href="product-left-image.html">
            <img class="cat-img" src="assets/images/organic/product/p8.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Beans</a></div>
                  </div>
    
                <div class="item">
        <a class="d-block" href="product-left-image.html">
         <img class="cat-img" src="assets/images/organic/product/p11.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Salads</a></div>
                  </div>
  
                <div class="item">
        <a class="d-block" href="product-left-image.html">
           <img class="cat-img" src="assets/images/organic/product/p9.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Leafy Veg</a></div>
                  </div>
        
                <div class="item">
        <a class="d-block" href="product-left-image.html">
            <img class="cat-img" src="assets/images/organic/product/p6.jpg" alt="...">
                     </a>
                    <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Pomegranates</a></div>
                  </div>
              </div>
          </div>
          </div>
   
  </div>
</section>

<!--product end-->


<!--product start-->

<section class="pb-0">
  <div class="container">
<div class="product-block">
    <div class="row justify-content-left text-left row_title">
        <h2 class="mb-0 font-w-6 bg-dark-green">Best Seller</h2>
    </div>
          
          
          <div class="row">
               <div class="owl-carousel no-pb owl-2" data-dots="false" data-nav="true" data-items="5" data-md-items="2" data-sm-items="2">
               <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/organic/product/p27.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Fresh Organic Leaves </a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-green"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-green mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/organic/product/p16.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Fresh Organic Leaves </a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-green"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-green mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/organic/product/p7.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Fresh Organic Leaves </a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-green"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-green mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/organic/product/p26.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Fresh Organic Leaves </a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-green"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-green mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/organic/product/p6.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Fresh Organic Leaves </a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-green"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-green mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/organic/product/p5.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-5"><a class="link-title" href="product-left-image.html">Fresh Organic Leaves </a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-green"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-green mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
  </div>
</section>

<!--product end-->


<section>
  <div class="container text-center custom-pb-0">
  <div class="row">
   <div class="col-12 col-md-12 col-lg-6 col-md-6 pr-lg-0">
   <div class="product-block">
   <div class="row justify-content-left text-left row_title">
        <h2 class="mb-0 font-w-6">Brand Logos</h2>
    </div>
   <div class="owl-carousel owl-2 no-pb" data-dots="false" data-nav="true" data-items="3" data-lg-items="2" data-md-items="3" data-sm-items="2">
          <div class="item">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/01.png" alt="">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/02.png" alt="">
          </div>
          <div class="item">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/03.png" alt="">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/04.png" alt="">
          </div>
          <div class="item">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/05.png" alt="">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/06.png" alt="">
          </div>
         <div class="item">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/01.png" alt="">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/02.png" alt="">
          </div>
          <div class="item">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/03.png" alt="">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/04.png" alt="">
          </div>
          <div class="item">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/05.png" alt="">
            <img class="client-img d-inline d-lg-block d-md-block" src="assets/images/client/06.png" alt="">
          </div>
        </div>
        </div>
   
   </div>
   <div class="col-12 col-md-12 pl-lg-0 col-lg-6 col-md-6">
    <div class="justify-content-center bg-green-row testimonails type2">
      <div class="col-12 pl-5 pr-5">
        <div class="owl-carousel owl-center owl-2" data-center="true" data-dots="true" data-nav="false" data-items="1" data-md-items="1" data-sm-items="1">
          <div class="item">
            <div class="card pt-8 pb-10 bg-primary-soft border-0">
              <div>
                <img alt="Image" src="assets/images/thumbnail/member2.png" class="img-fluid rounded-circle d-inline">
              </div>
              <div class="card-body">
               <p class="text-white font-w-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla auguest Nunc condime tristique auctor. placerat a condimentum diam mollis.</p>
                <div>
                  <h6 class="text-white d-inline mb-0 font-w-6">John Smith </h6>
                  <small class="text-white">- Happy Customer</small>
                </div>
              </div>
            </div>
          </div>
          <div class="item">
            <div class="card pt-8 pb-10 bg-primary-soft border-0">
              <div>
                <img alt="Image" src="assets/images/thumbnail/member1.png" class="img-fluid rounded-circle d-inline">
              </div>
              <div class="card-body">
                <p class="text-white font-w-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla auguest Nunc condime tristique auctor. placerat a condimentum diam mollis.</p>
                <div>
                  <h6 class="text-white d-inline mb-0 font-w-6">Karla Anderson </h6>
                  <small class="text-white">- Happy Customer</small>
                </div>
              </div>
            </div>
          </div>
          
          <div class="item">
            <div class="card pt-8 pb-10 bg-primary-soft border-0">
              <div>
                <img alt="Image" src="assets/images/thumbnail/member3.png" class="img-fluid rounded-circle d-inline">
              </div>
              <div class="card-body">
                <p class="text-white font-w-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla auguest Nunc condime tristique auctor. placerat a condimentum diam mollis.</p>
                <div>
                  <h6 class="text-white d-inline mb-0 font-w-6">Stephen Doe </h6>
                  <small class="text-white">- Happy Customer</small>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    </div>
    </div>
  </div>
</section>


<!--hot deal start-->

<section class="bg-pos-ct hot-deal" data-bg-img="assets/images/organic/bg/01.jpg">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-md-10">
        <div>
          <h6 class="text-dark mb-1 font-w-6">
                  Limited Time Offer
              </h6>
          <h2 class="mb-0 font-w-6 text-white txt-transform">Deals of the Day</h2>
        </div>
        <ul class="countdown list-inline d-flex my-5" data-countdown="2020/08/23"></ul>
        <div class="subscribe-form">
          <form id="mc-form" class="row align-items-center no-gutters mb-3">
            <div class="col">
              <input value="" name="EMAIL" class="email form-control input-2 bg-white" id="mc-email" placeholder="Email Address" required type="email">
            </div>
            <div class="col-auto">
              <input class="btn btn-red overflow-auto" name="subscribe" value="Subscribe" type="submit">
            </div>
          </form> <small>To receive latest offers and discounts from the shop.</small>
        </div>
      </div>
    </div>
  </div>
</section>

<!--hot deal end-->


<!--blog start-->

<section class="pb-0">
  <div class="container">
      <div class="product-block">
    <div class="row justify-content-left text-left row_title">
        <h2 class="mb-0 font-w-6 bg-dark-green">Latest From Blog</h2>
    </div>
    <!-- / .row -->
    <div class="row m-0">
      <div class="col-12 col-lg-4 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative overflow-hidden">
            <div class="position-absolute z-index-1 bottom-0 bg-white text-primary shadow-primary text-center py-1 px-2 rounded ml-3 mb-3">20 June</div>
            <img class="card-img-top hover-zoom" src="assets/images/organic/blog/01.jpg" alt="Image">
          </div>
          <div class="card-body px-0 pb-0">
            <div> <a class="d-inline-block link-title btn-link text-small mr-2" href="#">Fruits,</a><a class="d-inline-block link-title btn-link text-small" href="#">Vegetable,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Organic</a>
            </div>
            <h2 class="h5 font-w-5 mt-2 mb-0">
                <a class="link-title" href="blog-single.html">Powerful and flexible premium Ecommerce themes</a>
              </h2>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-4 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative overflow-hidden">
            <div class="position-absolute z-index-1 bottom-0 bg-white text-primary shadow-primary text-center py-1 px-2 rounded ml-3 mb-3">13 May</div>
            <img class="card-img-top hover-zoom" src="assets/images/organic/blog/02.jpg" alt="Image">
          </div>
          <div class="card-body px-0 pb-0">
            <div> <a class="d-inline-block link-title btn-link text-small mr-2" href="#">Fruits,</a><a class="d-inline-block link-title btn-link text-small" href="#">Vegetable,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Organic</a>
            </div>
            <h2 class="h5 font-w-5 mt-3">
                <a class="link-title" href="blog-single.html">Premium template with unlimited colours, and fully Customizable</a>
              </h2>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-4 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative overflow-hidden">
            <div class="position-absolute z-index-1 bottom-0 bg-white text-primary shadow-primary text-center py-1 px-2 rounded ml-3 mb-3">07 Apr</div>
            <img class="card-img-top hover-zoom" src="assets/images/organic/blog/03.jpg" alt="Image">
          </div>
          <div class="card-body px-0 pb-0">
            <div> <a class="d-inline-block link-title btn-link text-small mr-2" href="#">Fruits,</a><a class="d-inline-block link-title btn-link text-small" href="#">Vegetable,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Organic</a>
            </div>
            <h2 class="h5 font-w-5 mt-3">
                <a class="link-title" href="blog-single.html">Awesome template with lot's of features on the board!</a>
              </h2>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
    </div>
  </div>  
  </div>
</section>

<!--blog end-->

<section>
<div class="container">
<div class="row">
      <div class="col-lg-3 col-sm-6">
        <div class="d-flex free-shipping">
          <div class="mr-2">
            <i class="las la-truck ic-2x text-green"></i>
          </div>
            <h6 class="mb-0 text-white font-w-6">Free Shipping on order over $99</h6>
           
       </div>
      </div>
      <div class="col-lg-3 col-sm-6 mt-3 mt-sm-0">
        <div class="d-flex need-help">
          <div class="mr-2">
           <i class="las la-mobile ic-2x text-white"></i>
          </div>
            <h6 class="mb-0 text-white font-w-6">Need Help +1 800 123 1234</h6>

        </div>
      </div>
      <div class="col-lg-3 col-sm-6 mt-3 mt-lg-0">
        <div class="d-flex money-back">
          <div class="mr-2">
           <i class="las la-wallet ic-2x text-white"></i>
          </div>

            <h6 class="mb-0 text-white font-w-6">Money Back Guarantee</h6>

        </div>
      </div>
      <div class="col-lg-3 col-sm-6 mt-3 mt-lg-0">
        <div class="d-flex return-policy">
          <div class="mr-2">
           <i class="las la-briefcase ic-2x text-white"></i>
          </div>
            <h6 class="mb-0 text-white font-w-6">30 Days Return Service</h6>
    
        </div>
      </div>
    </div>
    </div>
    </section>


</div>

<!--body content end--> 


<!--footer start-->

<footer class="py-11 bg-dark-grey">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-4"> <a class="footer-logo text-white h2 mb-0" href="index.html">
              <img class="img-fluid" src="assets/images/logo2.png" alt="">
            </a>
        <p class="my-3 text-muted pr-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in velit a nibh ullamcorper dictum a malesuada ex. Donec sit amet volutpat nunc.</p>
        <ul class="list-inline mb-0">
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-facebook"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-dribbble"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-instagram"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-twitter"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-linkedin"></i></a>
          </li>
        </ul>
      </div>
      <div class="col-12 col-lg-8 mt-6 mt-lg-0">
        <div class="row">
          <div class="col-12 col-sm-4 navbar-white">
            <h6 class="mb-4 text-green font-w-5 txt-transform">Quick Links</h6>
            <ul class="navbar-nav list-unstyled mb-0">
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Shipment</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="about-us-1.html">About</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="shop-grid-left-sidebar.html">Shop</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="faq.html">Faq</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="blog-card.html">Blogs</a>
              </li>
              <li class="nav-item"><a class="nav-link text-muted font-w-4" href="contact-us.html">Contact Us</a>
              </li>
            </ul>
          </div>
          
          <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
            <h6 class="mb-4 text-green font-w-5 txt-transform">Information</h6>
            <ul class="navbar-nav list-unstyled mb-0">
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="terms-and-conditions.html">Term Of Service</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="privacy-policy.html">Privacy Policy</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Support</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Orders History</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Your Account</a>
              </li>
              <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Suppliers</a>
              </li>
            </ul>
          </div>
          <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
            <h6 class="mb-4 text-green font-w-5 txt-transform">Shopping Guide</h6>
            <ul class="navbar-nav list-unstyled mb-0">
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Site Map</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Search Terms</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Advanced Search</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Return policy</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Where is my order?</a>
              </li>
              <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Our Story</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      
    </div>
    
    <hr class="my-8 light-border">
    <div class="row text-muted align-items-center">
      <div class="col-md-7 font-w-4"><small>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></small>
      </div>
      <div class="col-md-5 text-md-right mt-3 mt-md-0">
        <ul class="list-inline mb-0">
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/01.png" alt="">
            </a>
          </li>
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/02.png" alt="">
            </a>
          </li>
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/03.png" alt="">
            </a>
          </li>
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/04.png" alt="">
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</footer>

<!--footer end-->

</div>

<!-- page wrapper end -->


<!-- Quick View Modal -->
<div class="modal fade view-modal" id="quick-view" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header border-bottom-0 pb-0">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row align-items-center">
          <div class="col-lg-5 col-12">
            <img class="img-fluid rounded" src="assets/images/product/large/01.jpg" alt="" />
          </div>
          <div class="col-lg-7 col-12 mt-5 mt-lg-0">
            <div class="product-details">
              <h3 class="mb-0">Women Sweater</h3>
              <div class="star-rating mb-4"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
              </div> <span class="product-price h4">$25.00 <del class="text-muted h6">$35.00</del></span>
              <ul class="list-unstyled my-4">
                <li class="mb-2">Availibility: <span class="text-muted"> In Stock</span> 
                </li>
                <li>Categories :<span class="text-muted"> Women's</span>
                </li>
              </ul>
              <p class="mb-4">Nulla eget sem vitae eros pharetra viverra Nam vitae luctus ligula suscipit risus nec eleifend Pellentesque eu quam sem, ac malesuada</p>
              <div class="d-sm-flex align-items-center mb-5">
                <div class="d-flex align-items-center mr-sm-4">
                  <button class="btn-product btn-product-up"> <i class="las la-minus"></i>
                  </button>
                  <input class="form-product" type="number" name="form-product" value="1">
                  <button class="btn-product btn-product-down"> <i class="las la-plus"></i>
                  </button>
                </div>
                <select class="custom-select mt-3 mt-sm-0" id="inputGroupSelect01">
                  <option selected>Size</option>
                  <option value="1">XS</option>
                  <option value="2">S</option>
                  <option value="3">M</option>
                  <option value="3">L</option>
                  <option value="3">XL</option>
                  <option value="3">XXL</option>
                </select>
                <div class="d-flex text-center ml-sm-4 mt-3 mt-sm-0">
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter01" name="Radios">
                    <label class="form-check-label" for="color-filter01" data-bg-color="#3cb371"></label>
                  </div>
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter02" name="Radios" checked>
                    <label class="form-check-label" for="color-filter02" data-bg-color="#4876ff"></label>
                  </div>
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter03" name="Radios">
                    <label class="form-check-label" for="color-filter03" data-bg-color="#0a1b2b"></label>
                  </div>
                  <div class="form-check pl-0">
                    <input type="radio" class="form-check-input" id="color-filter04" name="Radios">
                    <label class="form-check-label" for="color-filter04" data-bg-color="#f94f15"></label>
                  </div>
                </div>
              </div>
              <div class="d-sm-flex align-items-center mt-5">
                <button class="btn btn-primary btn-animated mr-sm-4 mb-3 mb-sm-0"><i class="las la-shopping-cart mr-1"></i>Add To Cart</button>
                <a class="btn btn-animated btn-dark" href="#"> <i class="lar la-heart mr-1"></i>Add To Wishlist</a>
              </div>
              <div class="d-sm-flex align-items-center border-top pt-4 mt-5">
                <h6 class="mb-sm-0 mr-sm-4">Share It:</h6>
                <ul class="list-inline">
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-facebook"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-dribbble"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-instagram"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-twitter"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-linkedin"></i></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Subscribe Modal -->
<div class="modal fade newsletter" id="mailchimpModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="ion-ios-close-empty"></i>
        </button>
      <div class="modal-body p-3 text-center">
        <div class="mb-2">
          <img class="img-fluid" src="assets/images/organic/bg/newsletter.jpg" alt="">
          <h2 class="mb-0">Join our newsletter and get 20% discount</h2>
        </div>
        <div class="subscribe-form mx-7 mb-4">
          <form id="mc-form1" class="row align-items-center no-gutters mb-3">
            <div class="col">
              <input value="" name="EMAIL" class="email form-control input-2 bg-white" placeholder="Enter your email..." required type="email">
            </div>
            <div class="col-auto">
              <input class="btn btn-green overflow-auto" name="subscribe" value="Subscribe" type="submit">
            </div>
          </form> 
          <small class="bottom-text">
          <input name="notshowpopup" id="notshowpopup" type="checkbox">
          Don’t show this popup again</small>
        </div>
      </div>
    </div>
  </div>
</div>

 
<!--back-to-top start-->

<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="las la-angle-up"></i></a></div>

<!--back-to-top end-->

<!-- inject js start -->

<script src="assets/js/jquery-3.5.1.min.js"></script> <script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/light-slider.js"></script>
<script src="assets/js/parallax.js"></script>
<script src="assets/js/magnific-popup.min.js"></script> 
<script src="assets/js/jquery.countdown.min.js"></script>
<script src="assets/js/jquery.dd.min.js"></script>
<script src="assets/js/validator.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/theme-script.js"></script>

<!-- inject js end -->

</body>
</html>
